<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title>ALI WEB</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <meta name="MobileOptimized" content="320">
        <!-- BEGIN GLOBAL MANDATORY STYLES -->          
        <link href="${basePath}/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
        <!-- END GLOBAL MANDATORY STYLES -->
        <!-- BEGIN PAGE LEVEL STYLES --> 
        <link rel="stylesheet" type="text/css" href="${basePath}/plugins/select2/select2_metro.css" />
	<link href="${basePath}/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" type="text/css"/>
	<link href="${basePath}/plugins/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" type="text/css"/>
        <!-- END PAGE LEVEL SCRIPTS -->
        <!-- BEGIN THEME STYLES --> 
        <link href="${basePath}/css/style-metronic.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/css/style.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/css/style-responsive.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/css/plugins.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color"/>
        <link href="${basePath}/css/pages/login-soft.css" rel="stylesheet" type="text/css"/>
        <link href="${basePath}/css/custom.css" rel="stylesheet" type="text/css"/>
        <!-- END THEME STYLES -->
        <link rel="shortcut icon" href="favicon.ico" />
    </head>
    <body class="login">
        <div class="logo">
            <h2>ALI WEB</h2>
        </div>
        <div class="content">
            <form id="loginForm" class="login-form" action="./login.json" method="post">
                <h3 class="form-title">Login to your account</h3>
                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">User</label>
                    <div class="input-icon">
                        <i class="fa fa-user"></i>
                        <input class="form-control placeholder-no-fix" type="text" value="admin" autocomplete="off" placeholder="User Name" name="name"/>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label visible-ie8 visible-ie9">Password</label>
                    <div class="input-icon">
                        <i class="fa fa-lock"></i>
                        <input class="form-control placeholder-no-fix" type="password" value="1" autocomplete="off" placeholder="Password" name="password"/>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="btn blue pull-right">
                        Login <i class="m-icon-swapright m-icon-white"></i>
                    </button>            
                </div>
            </form>
        </div>
        <!--[if lt IE 9]>
        <script src="${basePath}/plugins/respond.min.js"></script>
        <script src="${basePath}/plugins/excanvas.min.js"></script> 
        <![endif]-->   
        <script src="${basePath}/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript" ></script>
        <script src="${basePath}/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/jquery.blockui.min.js" type="text/javascript"></script>  
        <script src="${basePath}/plugins/jquery.cookie.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/uniform/jquery.uniform.min.js" type="text/javascript" ></script>
        <script src="${basePath}/plugins/jquery.form.min.js" type="text/javascript"></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN PAGE LEVEL PLUGINS -->
        <script src="${basePath}/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
        <script src="${basePath}/plugins/backstretch/jquery.backstretch.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="${basePath}/plugins/select2/select2.min.js"></script>
	<script src="${basePath}/plugins/bootstrap-modal/js/bootstrap-modalmanager.js" type="text/javascript" ></script>
	<script src="${basePath}/plugins/bootstrap-modal/js/bootstrap-modal.js" type="text/javascript" ></script>
	<script src="${basePath}/plugins/bootbox/bootbox.min.js" type="text/javascript" ></script>
        <!-- END PAGE LEVEL PLUGINS -->
        <!-- BEGIN PAGE LEVEL SCRIPTS -->
        <script src="${basePath}/scripts/app.js" type="text/javascript"></script>
        <script src="${basePath}/scripts/login-soft.js" type="text/javascript"></script>      
        <!-- END PAGE LEVEL SCRIPTS --> 
        <script>
            jQuery(document).ready(function () {
                App.init();
                Login.init();
                $('#loginForm').ajaxForm({
                    dataType: 'json',
                    success: function (data) {
                        if (data.result) {
                            location.href = "${basePath}/daokin/inbox/index.htm";
                        } else {
                            bootbox.alert(data.msg);
                        }
                    }
                });
            });
        </script>
        <!-- END JAVASCRIPTS -->
    </body>
    <!-- END BODY -->
</html>